{% extends 'base-layer.html' %}
{% load staticfiles %}

{% block css %}
<link rel="stylesheet" href="{% static 'js/plugins/layer/skin/layer.css' %}">

{% endblock %}

{% block main %}
<div class="box box-danger">
	<form class="form-horizontal" id="addForm" method="post">
		{% csrf_token %}
		<input type="hidden" name='id' value="{{ structure.id }}" />
		<div class="box-body">
            <fieldset>
                <legend>
                    <h4>分类信息</h4>
                </legend>
                <div class="form-group has-feedback">
                    <label class="col-sm-3 control-label col-sm-offset-1" style="font-size: 16px">分类名称</label>
                    <div class="col-sm-4">
                    <input class="form-control" name="name" type="text" value="{{ structure.name }}" />
                    </div>
                </div>
          </fieldset>
		</div>
		<div class="box-footer ">
			<div class="row span7 text-center ">
                <button type="button" id="btnCancel" class="btn btn-default margin-right " >重置</button>
                <button type="button" id="btnSave" class="btn btn-info margin-right " >保存</button>
			</div>
		</div>
	</form>
</div>

{% endblock %}

{% block javascripts %}
<script src="{% static 'plugins/combo-select/jquery.combo.select.js' %}"></script>
<script type="text/javascript">

	$("#btnSave").click(function(){
		var data = $("#addForm").serialize();

		$.ajax({
			type: $("#addForm").attr('method'),
			url : "{% url 'news_category_add' %}",
			data : data,
			cache: false,
			success : function(msg) {
				if (msg.result){
					layer.alert('数据保存成功！', {icon: 1},function(index){
					    parent.layer.closeAll(); //关闭所有弹窗
                    });
				}else{
					layer.alert('数据保存失败', {icon: 5});
                    //$('errorMessage').html(msg.message)
				}
				return ;
			}
		});
	});

	/*点取消刷新新页面*/
    $("#btnCancel").click(function () {
	    window.location.reload();
    });

</script>

{% endblock %}
